var arr = ["1彩贝积分","Q哥Q妹公仔","2彩贝积分","手机挂件","Ipad4 16G wifi版","1Q币","蛇年QQ公仔","彩贝水杯"];
var btn = document.getElementById("btn");//获取开始按钮
var zp = document.getElementById("ZP_box");//获取转盘
var imgs = document.getElementById("imgs");//获取奖品图片
var wdS = document.querySelector(".wdS");//获取中奖提示框
var text = document.querySelector(".text");//获取class为text的p元素
var btn2 = document.getElementById("btn2");//获取btn2按钮
var a = 360/arr.length;//每分奖品的角度
var b = 2880; //总转旋转度数
var c = 0;//旋转后奖品图片角度记录量
var w = 0;//抽奖次数控制
var on_of = true;
btn.addEventListener("click",function(){
  if(on_of===true){
    if(w==3){//控制抽奖只能抽三次，
          wdS.style.display="block"; //显示提示框
          text.innerHTML = "您的三次抽奖机会已经用完!";
          btn2.innerHTML = "关闭窗口";
          btn2.addEventListener("click",function(){//绑定按钮点击事件
          wdS.style.display="none"; //隐藏提示框
          });
    }else{
      clearTimeout(seTtime);
        var z =parseInt(Math.random()*arr.length-1); //取奖品总数的随机数
        zp.style.transition = "transform 3s ease-out";
        zp.style.transform = "rotate("+(b+z*a)+"deg)";
        var j_1=arr.slice(z); //截取当前奖品数组，包括之后的所有元素
        var j_2=arr.slice(0,z);//截取当前奖品之前的数组元素
        arr=j_1.concat(j_2);//拼接数组，作用时调整奖品数组元素的位置
        c+=b+z*a;//累加每次旋转后的角度，来调整图片的位置
        text.innerHTML = "恭喜您抽中:"+arr[0]+"!";//因为每次排序后将获取的奖品信息放到数组移动到数组第一位所以获取arr[0];
        btn2.innerHTML = "再来一次";
        w++;//执行抽次记录量累加操作
        var seTtime = setTimeout(initialize,3100);
        on_of=false;
    }

  }



});
function initialize (){ //初始化转盘和提示框回调函数
  wdS.style.display="block"; //显示提示框
  btn2.addEventListener("click",function(){//绑定按钮点击事件
  wdS.style.display="none"; //隐藏提示框
  on_of = true;
  });
  zp.style.transition = ""; //清除过度效果，防止回调位置有过度效果
  zp.style.transform = "rotate(0deg)";//调整外框旋转的div角度归零
  imgs.style.transform = "rotate("+c+"deg)";//设置图片的角度为累加后的角度值
}
